<!DOCTYPE html>
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
    <!--<![endif]-->
    <head>
        <?php $this->renderPartial('//layouts/includes/headready'); ?>
    </head>

    <!-- body classes: 
                    "boxed": boxed layout mode e.g. <body class="boxed">
                    "pattern-1 ... pattern-9": background patterns for boxed layout mode e.g. <body class="boxed pattern-1"> 
    -->
    <body class="no-trans">
        <!-- scrollToTop -->
        <!-- ================ -->
        <div class="scrollToTop"><i class="icon-up-open-big"></i></div>

        <!-- page wrapper start -->
        <!-- ================ -->
        <div class="page-wrapper">

            <!-- header-top start (Add "dark" class to .header-top in order to enable dark header-top e.g <div class="header-top dark">) -->
            <!-- ================ -->
            <div class="header-top">
                <div class="container">
                    <div class="row">
                        <div class="col-xs-2  col-sm-6">

                            <!-- header-top-first start -->
                            <!-- ================ -->
                            <div class="header-top-first clearfix">
                                <ul class="social-links clearfix hidden-xs">
                                    <li class="twitter"><a target="_blank" href="http://www.twitter.com"><i class="fa fa-twitter"></i></a></li>
                                    <li class="skype"><a target="_blank" href="http://www.skype.com"><i class="fa fa-skype"></i></a></li>
                                    <li class="linkedin"><a target="_blank" href="http://www.linkedin.com"><i class="fa fa-linkedin"></i></a></li>
                                    <li class="googleplus"><a target="_blank" href="http://plus.google.com"><i class="fa fa-google-plus"></i></a></li>
                                    <li class="youtube"><a target="_blank" href="http://www.youtube.com"><i class="fa fa-youtube-play"></i></a></li>
                                    <li class="flickr"><a target="_blank" href="http://www.flickr.com"><i class="fa fa-flickr"></i></a></li>
                                    <li class="facebook"><a target="_blank" href="http://www.facebook.com"><i class="fa fa-facebook"></i></a></li>
                                    <li class="pinterest"><a target="_blank" href="http://www.pinterest.com"><i class="fa fa-pinterest"></i></a></li>
                                </ul>
                                <div class="social-links hidden-lg hidden-md hidden-sm">
                                    <div class="btn-group dropdown">
                                        <button type="button" class="btn dropdown-toggle" data-toggle="dropdown"><i class="fa fa-share-alt"></i></button>
                                        <ul class="dropdown-menu dropdown-animation">
                                            <li class="twitter"><a target="_blank" href="http://www.twitter.com"><i class="fa fa-twitter"></i></a></li>
                                            <li class="skype"><a target="_blank" href="http://www.skype.com"><i class="fa fa-skype"></i></a></li>
                                            <li class="linkedin"><a target="_blank" href="http://www.linkedin.com"><i class="fa fa-linkedin"></i></a></li>
                                            <li class="googleplus"><a target="_blank" href="http://plus.google.com"><i class="fa fa-google-plus"></i></a></li>
                                            <li class="youtube"><a target="_blank" href="http://www.youtube.com"><i class="fa fa-youtube-play"></i></a></li>
                                            <li class="flickr"><a target="_blank" href="http://www.flickr.com"><i class="fa fa-flickr"></i></a></li>
                                            <li class="facebook"><a target="_blank" href="http://www.facebook.com"><i class="fa fa-facebook"></i></a></li>
                                            <li class="pinterest"><a target="_blank" href="http://www.pinterest.com"><i class="fa fa-pinterest"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <!-- header-top-first end -->

                        </div>
                        <div class="col-xs-10 col-sm-6">

                            <!-- header-top-second start -->
                            <!-- ================ -->
                            <div id="header-top-second"  class="clearfix">

                                <!-- header top dropdowns start -->
                                <!-- ================ -->
                                <div class="header-top-dropdown">
                                    <div class="btn-group dropdown">
                                        <button type="button" class="btn dropdown-toggle" data-toggle="dropdown"><i class="fa fa-search"></i> Search</button>
                                        <ul class="dropdown-menu dropdown-menu-right dropdown-animation">
                                            <li>
                                                <form role="search" class="search-box">
                                                    <div class="form-group has-feedback">
                                                        <input type="text" class="form-control" placeholder="Search">
                                                        <i class="fa fa-search form-control-feedback"></i>
                                                    </div>
                                                </form>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="btn-group dropdown">
                                        <button type="button" class="btn dropdown-toggle" data-toggle="dropdown"><i class="fa fa-user"></i> Login</button>
                                        <ul class="dropdown-menu dropdown-menu-right dropdown-animation">
                                            <li>
                                                <form class="login-form">
                                                    <div class="form-group has-feedback">
                                                        <label class="control-label">Username</label>
                                                        <input type="text" class="form-control" placeholder="">
                                                        <i class="fa fa-user form-control-feedback"></i>
                                                    </div>
                                                    <div class="form-group has-feedback">
                                                        <label class="control-label">Password</label>
                                                        <input type="password" class="form-control" placeholder="">
                                                        <i class="fa fa-lock form-control-feedback"></i>
                                                    </div>
                                                    <button type="submit" class="btn btn-group btn-dark btn-sm">Log In</button>
                                                    <span>or</span>
                                                    <button type="submit" class="btn btn-group btn-default btn-sm">Sing Up</button>
                                                    <ul>
                                                        <li><a href="#">Forgot your password?</a></li>
                                                    </ul>
                                                    <div class="divider"></div>
                                                    <span class="text-center">Login with</span>
                                                    <ul class="social-links clearfix">
                                                        <li class="facebook"><a target="_blank" href="http://www.facebook.com"><i class="fa fa-facebook"></i></a></li>
                                                        <li class="twitter"><a target="_blank" href="http://www.twitter.com"><i class="fa fa-twitter"></i></a></li>
                                                        <li class="googleplus"><a target="_blank" href="http://plus.google.com"><i class="fa fa-google-plus"></i></a></li>
                                                    </ul>
                                                </form>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="btn-group dropdown">
                                        <button type="button" class="btn dropdown-toggle" data-toggle="dropdown"><i class="fa fa-shopping-cart"></i> Cart (8)</button>
                                        <ul class="dropdown-menu dropdown-menu-right dropdown-animation cart">
                                            <li>
                                                <table class="table table-hover">
                                                    <thead>
                                                        <tr>
                                                            <th class="quantity">QTY</th>
                                                            <th class="product">Product</th>
                                                            <th class="amount">Subtotal</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        <tr>
                                                            <td class="quantity">2 x</td>
                                                            <td class="product"><a href="shop-product.html">Android 4.4 Smartphone</a><span class="small">4.7" Dual Core 1GB</span></td>
                                                            <td class="amount">$199.00</td>
                                                        </tr>
                                                        <tr>
                                                            <td class="quantity">3 x</td>
                                                            <td class="product"><a href="shop-product.html">Android 4.2 Tablet</a><span class="small">7.3" Quad Core 2GB</span></td>
                                                            <td class="amount">$299.00</td>
                                                        </tr>
                                                        <tr>
                                                            <td class="quantity">3 x</td>
                                                            <td class="product"><a href="shop-product.html">Desktop PC</a><span class="small">Quad Core 3.2MHz, 8GB RAM, 1TB Hard Disk</span></td>
                                                            <td class="amount">$1499.00</td>
                                                        </tr>
                                                        <tr>
                                                            <td class="total-quantity" colspan="2">Total 8 Items</td>
                                                            <td class="total-amount">$1997.00</td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                                <div class="panel-body text-right">	
                                                    <a href="shop-cart.html" class="btn btn-group btn-default btn-sm">View Cart</a>
                                                    <a href="shop-checkout.html" class="btn btn-group btn-default btn-sm">Checkout</a>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>

                                </div>
                                <!--  header top dropdowns end -->

                            </div>
                            <!-- header-top-second end -->

                        </div>
                    </div>
                </div>
            </div>
            <!-- header-top end -->

            <!-- header start classes:
                    fixed: fixed navigation mode (sticky menu) e.g. <header class="header fixed clearfix">
                     dark: dark header version e.g. <header class="header dark clearfix">
            ================ -->
            <header class="header fixed clearfix">
                <div class="container">
                    <div class="row">
                        <div class="col-md-3">

                            <!-- header-left start -->
                            <!-- ================ -->
                            <div class="header-left clearfix">

                                <!-- logo -->
                                <div class="logo">
                                    <a href="index.html"  ><img id="logo" src="<?php echo Yii::app()->theme->baseUrl; ?>/images/logo_red.png" style="width: 174px; height: 60px" alt="iDea"></a>
                                </div>


                                <!-- name-and-slogan -->
                                <div class="site-slogan">
                                    Tan  S&oacute;lo un Clic.
                                </div>

                            </div>
                            <!-- header-left end -->

                        </div>
                        <div class="col-md-9">

                            <!-- header-right start -->
                            <!-- ================ -->
                            <div class="header-right clearfix">

                                <!-- main-navigation start -->
                                <!-- ================ -->
                                <div class="main-navigation animated">

                                    <!-- navbar start -->
                                    <!-- ================ -->
                                    <nav class="navbar navbar-default" role="navigation">
                                        <div class="container-fluid">

                                            <!-- Toggle get grouped for better mobile display -->
                                            <div class="navbar-header">
                                                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-1">
                                                    <span class="sr-only">Toggle navigation</span>
                                                    <span class="icon-bar"></span>
                                                    <span class="icon-bar"></span>
                                                    <span class="icon-bar"></span>
                                                </button>
                                            </div>

                                            <!-- Collect the nav links, forms, and other content for toggling -->
                                            <div class="collapse navbar-collapse" id="navbar-collapse-1">
                                                                            <div class="collapse navbar-collapse" id="navbar-collapse-1">

                                                <?php
                                                $this->widget('zii.widgets.CMenu', array(
                                                    'id' => 'menu_principal',
                                                    'items' => $this->admin ? Menu::getAdminMenu($this) : Menu::getMenu($this),
                                                    'htmlOptions' => array('class' => 'nav navbar-nav navbar-left'),
                                                    'activeCssClass' => 'active',
                                                    'itemCssClass' => 'dropdown',
                                                    'encodeLabel' => false,
                                                ));
//                                                $this->widget('zii.widgets.CMenu', array(
//                                                    'encodeLabel' => false,
////                                                    'itemCssClass' => 'sub-menu',
////                                                    'activeCssClass' => 'active',
//                                                    'htmlOptions' => array('class' => 'nav navbar-nav navbar-right'),
////                                                    'submenuHtmlOptions' => array('class' => 'sub')
//                                                ));
                                                ?>

                                            </div>
                                            </div>

                                        </div>
                                    </nav>
                                    <!-- navbar end -->

                                </div>
                                <!-- main-navigation end -->

                            </div>
                            <!-- header-right end -->

                        </div>
                    </div>
                </div>
            </header>
            <!-- header end -->

            <!-- page-intro start-->
            <!-- ================ -->
            <div class="page-intro">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12">
                            <ol class="breadcrumb">
                                <li><i class="fa fa-home pr-10"></i><a href="index.html">Home</a></li>
                                <li class="active">Page Right Sidebar</li>
                            </ol>
                        </div>
                    </div>
                </div>
            </div>
            <!-- page-intro end -->

            <!-- main-container start -->
            <!-- ================ -->
            <section class="main-container">

                <div class="container">
                    <div class="row">

                        <!-- sidebar start -->
                        <!--                        <aside class="col-md-2">
                                                    <div class="sidebar">
                                                        <div class="block clearfix">
                                                            <h3 class="title">Sidebar menu</h3>
                                                            <div class="separator"></div>
                                                            <nav>
                                                                <ul class="nav nav-pills nav-stacked">
                                                                    <li><a href="index.html">Home</a></li>
                                                                    <li><a href="blog-right-sidebar.html">Blog</a></li>
                                                                    <li><a href="portfolio-3col.html">Portfolio</a></li>
                                                                    <li><a href="page-about.html">About</a></li>
                                                                    <li><a href="page-contact.html">Contact</a></li>
                                                                </ul>
                                                            </nav>
                                                        </div>
                                                    </div>
                                                </aside>-->
                        <!-- sidebar end -->

                        <!-- main start -->
                        <!-- ================ -->
                        <div class="main col-md-12">

                            <?php echo $content;
                            ?>
                        </div>
                        <!-- main end -->

                    </div>
                </div>
            </section>
            <!-- main-container end -->

            <!-- section start -->
            <!-- ================ -->
            <div class="section gray-bg text-muted footer-top clearfix">
                <div class="container">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="owl-carousel clients">
                                <div class="client">
                                    <a href="#"><img src="<?php echo Yii::app()->theme->baseUrl; ?>/images/client-1.png" alt=""></a>
                                </div>
                                <div class="client">
                                    <a href="#"><img src="<?php echo Yii::app()->theme->baseUrl; ?>/images/client-2.png" alt=""></a>
                                </div>
                                <div class="client">
                                    <a href="#"><img src="<?php echo Yii::app()->theme->baseUrl; ?>/images/client-3.png" alt=""></a>
                                </div>
                                <div class="client">
                                    <a href="#"><img src="<?php echo Yii::app()->theme->baseUrl; ?>/images/client-4.png" alt=""></a>
                                </div>
                                <div class="client">
                                    <a href="#"><img src="<?php echo Yii::app()->theme->baseUrl; ?>/images/client-5.png" alt=""></a>
                                </div>
                                <div class="client">
                                    <a href="#"><img src="<?php echo Yii::app()->theme->baseUrl; ?>/images/client-6.png" alt=""></a>
                                </div>
                                <div class="client">
                                    <a href="#"><img src="<?php echo Yii::app()->theme->baseUrl; ?>/images/client-7.png" alt=""></a>
                                </div>
                                <div class="client">
                                    <a href="#"><img src="<?php echo Yii::app()->theme->baseUrl; ?>/images/client-8.png" alt=""></a>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <blockquote class="inline">
                                <p class="margin-clear">Design is not just what it looks like and feels like. Design is how it works.</p>	
                                <footer><cite title="Source Title">Steve Jobs </cite></footer>
                            </blockquote>
                        </div>
                    </div>
                </div>
            </div>
            <!-- MAIN MODAL -->
            <div class="row-fluid">
                <?php
// El modal de la página
                $this->beginWidget('ext.booster.widgets.TbModal', array('id' => 'mainModal', 'options' => array('backdrop' => 'static')));
                $this->endWidget();
                ?>
            </div>
            <div class="row-fluid">
                <?php
// El modal de la página
                $this->beginWidget('ext.booster.widgets.TbModal', array('id' => 'mainBigModal', 'options' => array('backdrop' => 'static')));
                $this->endWidget();
                ?>
            </div>
      
<!--            <div  id ="mainModal" class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
                <div class="modal-dialog modal-lg">
                    <div class="modal-content">
                  
                    </div>
                </div>
            </div>-->

            <!-- section end -->

            <!-- footer start (Add "light" class to #footer in order to enable light footer) -->
            <!-- ================ -->
            <footer id="footer">

                <!-- .footer start -->
                <!-- ================ -->
                <div class="footer">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="footer-content">
                                    <div class="logo-footer"><img id="logo-footer" src="<?php echo Yii::app()->theme->baseUrl; ?>/images/logo_red_footer.png" alt=""></div>
                                    <div class="row">
                                        <div class="col-sm-6">
                                            <p>Lorem ipsum dolor sit amet, consect tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim ven.</p>
                                            <ul class="social-links circle">
                                                <li class="facebook"><a target="_blank" href="http://www.facebook.com"><i class="fa fa-facebook"></i></a></li>
                                                <li class="twitter"><a target="_blank" href="http://www.twitter.com"><i class="fa fa-twitter"></i></a></li>
                                                <li class="googleplus"><a target="_blank" href="http://plus.google.com"><i class="fa fa-google-plus"></i></a></li>
                                                <li class="skype"><a target="_blank" href="http://www.skype.com"><i class="fa fa-skype"></i></a></li>
                                                <li class="linkedin"><a target="_blank" href="http://www.linkedin.com"><i class="fa fa-linkedin"></i></a></li>
                                            </ul>
                                        </div>
                                        <div class="col-sm-6">
                                            <ul class="list-icons">
                                                <li><i class="fa fa-map-marker pr-10"></i> One infinity loop, 54100</li>
                                                <li><i class="fa fa-phone pr-10"></i> +00 1234567890</li>
                                                <li><i class="fa fa-fax pr-10"></i> +00 1234567891 </li>
                                                <li><i class="fa fa-envelope-o pr-10"></i> info@idea.com</li>
                                            </ul>
                                        </div>
                                    </div>
                                    <a href="page-about.html" class="link"><span>Read More</span></a>
                                </div>
                            </div>
                            <div class="space-bottom hidden-lg hidden-xs"></div>
                            <div class="col-sm-6 col-md-2">
                                <div class="footer-content">
                                    <h2>Links</h2>
                                    <nav>
                                        <ul class="nav nav-pills nav-stacked">
                                            <li><a href="index.html">Home</a></li>
                                            <li class="active"><a href="blog-right-sidebar.html">Blog</a></li>
                                            <li><a href="portfolio-3col.html">Portfolio</a></li>
                                            <li><a href="page-about.html">About</a></li>
                                            <li><a href="page-contact.html">Contact</a></li>
                                        </ul>
                                    </nav>
                                </div>
                            </div>
                            <div class="col-sm-6 col-md-3 col-md-offset-1">
                                <div class="footer-content">
                                    <h2>Latest Projects</h2>
                                    <div class="gallery row">
                                        <div class="gallery-item col-xs-4">
                                            <div class="overlay-container">
                                                <img src="<?php echo Yii::app()->theme->baseUrl; ?>/images/gallery-1.jpg" alt="">
                                                <a href="portfolio-item.html" class="overlay small">
                                                    <i class="fa fa-link"></i>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="gallery-item col-xs-4">
                                            <div class="overlay-container">
                                                <img src="<?php echo Yii::app()->theme->baseUrl; ?>/images/gallery-2.jpg" alt="">
                                                <a href="portfolio-item.html" class="overlay small">
                                                    <i class="fa fa-link"></i>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="gallery-item col-xs-4">
                                            <div class="overlay-container">
                                                <img src="<?php echo Yii::app()->theme->baseUrl; ?>/images/gallery-3.jpg" alt="">
                                                <a href="portfolio-item.html" class="overlay small">
                                                    <i class="fa fa-link"></i>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="gallery-item col-xs-4">
                                            <div class="overlay-container">
                                                <img src="<?php echo Yii::app()->theme->baseUrl; ?>/images/gallery-4.jpg" alt="">
                                                <a href="portfolio-item.html" class="overlay small">
                                                    <i class="fa fa-link"></i>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="gallery-item col-xs-4">
                                            <div class="overlay-container">
                                                <img src="<?php echo Yii::app()->theme->baseUrl; ?>/images/gallery-5.jpg" alt="">
                                                <a href="portfolio-item.html" class="overlay small">
                                                    <i class="fa fa-link"></i>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="gallery-item col-xs-4">
                                            <div class="overlay-container">
                                                <img src="<?php echo Yii::app()->theme->baseUrl; ?>/images/gallery-6.jpg" alt="">
                                                <a href="portfolio-item.html" class="overlay small">
                                                    <i class="fa fa-link"></i>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="gallery-item col-xs-4">
                                            <div class="overlay-container">
                                                <img src="<?php echo Yii::app()->theme->baseUrl; ?>/images/gallery-7.jpg" alt="">
                                                <a href="portfolio-item.html" class="overlay small">
                                                    <i class="fa fa-link"></i>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="gallery-item col-xs-4">
                                            <div class="overlay-container">
                                                <img src="<?php echo Yii::app()->theme->baseUrl; ?>/images/gallery-8.jpg" alt="">
                                                <a href="portfolio-item.html" class="overlay small">
                                                    <i class="fa fa-link"></i>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="gallery-item col-xs-4">
                                            <div class="overlay-container">
                                                <img src="<?php echo Yii::app()->theme->baseUrl; ?>/images/gallery-9.jpg" alt="">
                                                <a href="portfolio-item.html" class="overlay small">
                                                    <i class="fa fa-link"></i>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="space-bottom hidden-lg hidden-xs"></div>
                    </div>
                </div>
                <!-- .footer end -->

                <!-- .subfooter start -->
                <!-- ================ -->
                <div class="subfooter">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-6">
                                <p>Copyright © 2014 iDea by <a target="_blank" href="http://htmlcoder.me">HtmlCoder</a>. All Rights Reserved</p>
                            </div>
                            <div class="col-md-6">
                                <nav class="navbar navbar-default" role="navigation">
                                    <!-- Toggle get grouped for better mobile display -->
                                    <div class="navbar-header">
                                        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-2">
                                            <span class="sr-only">Toggle navigation</span>
                                            <span class="icon-bar"></span>
                                            <span class="icon-bar"></span>
                                            <span class="icon-bar"></span>
                                        </button>
                                    </div>   
                                    <div class="collapse navbar-collapse" id="navbar-collapse-2">
                                        <ul class="nav navbar-nav">
                                            <li><a href="index.html">Home</a></li>
                                            <li><a href="page-about.html">About</a></li>
                                            <li><a href="blog-right-sidebar.html">Blog</a></li>
                                            <li><a href="portfolio-3col.html">Portfolio</a></li>
                                            <li><a href="page-contact.html">Contact</a></li>
                                        </ul>
                                    </div>
                                </nav>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- .subfooter end -->

            </footer>
            <!-- footer end -->

        </div>
        <!-- page-wrapper end -->
        <?php $this->renderPartial('//layouts/includes/footready'); ?>



    </body>
</html>
